<!--
 * @Descripttion: 
 * @Version: 
 * @Author: gaohj
 * @Date: 2022-11-02 15:57:57
 * @LastEditors: Please set LastEditors
 * @LastEditTime: 2022-11-02 16:03:50
-->
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>

        // dom 

        // document  object  model 
        // 文档对象模型  

        // 为了让js 操作 .HTML文件中的标签 
        // .html文件标签中的内容 
        // 实现增删改查 

        // 需要给js 提供一些属性和方法 
        // 然后js 就可以 玩转 页面的诸多标签饿了  


        // 1 修改文本 
        // 2 修改标签的样式 
        // 3 添加或者删除标签的属性 
        // 4. 对标签进行增删改查  比如<ul></ul>
        // 可以往里边添加li  也可以删除里边的li 
        // 也可以修改 某个li中间的内容



        // 想完成上面的 需要一个过程 
        // 需要先定位到要操作的元素 
        // 进行一系列操作  
        
    </script>
</body>
</html>